/*----------------------------------------------------------------------------*/
/*---------------------------proměné------------------------------------------*/
/*----------------------------------------------------------------------------*/
@BarvaPozadi:       #d3d3d3;
@BarvaHlavni:       rgb(82,154,235);
@BarvaMenu:         #0000cd;
@BarvaMenuText:     #FC0;
@BarvaDiv:          #C8C866;
@BarvaDivV:         #FFC;
@BarvaDivExtra:     #BBD9EE;

@VelikostTextHlavni: 24px;

/*----------------------------------------------------------------------------*/
/*---------------------------fce----------------------------------------------*/
/*----------------------------------------------------------------------------*/
.kulate()
{
    -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
    /* useful if you don't want a bg color from leaking outside the border: */
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

    -webkit-box-shadow: 0px 0px 4px 0px #ffffff; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
          box-shadow: 0px 0px 4px 0px #ffffff; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}



/*----------------------------------------------------------------------------*/
/*---------------------------samotny kod--------------------------------------*/
/*----------------------------------------------------------------------------*/

.bloky
{

    /*list-style-type: none;*/
    display:block;
    padding: 20px 20px 20px 20px;

}
.blok
{
    .kulate();

    margin: 20px 2px 1px 2px;
    background: @BarvaDiv;
    border:3px solid @BarvaDiv;
    .hlava
    {

        display: inline-block;
        .stred
        {
            font-weight: bold;
        }
        .stred2
        {
        }
        .vpravo
        {
            text-align:right;
            float:right;
        }
    }
    .telo
    {
        .kulate();
        padding: 3px 2px 3px 2px;
        background: @BarvaDivV;
        border:3px solid @BarvaDivV;
        .vpravo
        {
            float:right;
        }
        a
        {
            text-decoration: underline;
        }
        .tabulka
        {
            background: @BarvaDivExtra;
            a
            {
                text-decoration: underline;
            }
            .bezA a
            {
                text-decoration: none;
                text-align: center;
            }
        }
    }
}

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/




/*forum end*/
#forum {
}
#forum ff {
 visibility: hidden;
 background-color: #A72135;
}
#forum a {
 padding: 5px;
 text-align: center;
 color: #000;
 text-decoration: none;
}
#forum for:hover ff {
 visibility: visible;
}
.menu ff ff {
 float: none;
 border: none;
 padding: 0; margin: 0;
}
/*forum old end*/

/*forum new*/
#forum{
display:block;
text-align: left;
}
.forumhl{
/*margin: 20px 1px 1px 1px;*/
margin: 15px 3px 1px 3px;
background: #C8C866;
border:4px solid #C8C866;
}
.forumin ul{
padding: 2px 5px 2px 11px;
margin: 4px 1px 2px 0px;
background: #FFC;
}
.forumrep ul{
padding: 2px 5px 2px 11px;
margin: 4px 1px 2px 10px;
background: #eee8aa;
/*float:right*/
}
/*forum end*/

/*kalendar*/
#kalendar{
	background-color: White;
	font-size: 20px;
}
/*kalendar end*/



/*stredisko*/
#stredisko{
margin: 1px 1px 1px 1px ;
width: 985px;
height: 457px;
}
.castjedna{
float:left;
width: 333px;
}
.castdva{
float:right;
width: 333px;
}
#castjedna{
float:left;
width: 670px;
}
#castdva{
float:right;
width: 310px;
}
#str_his,#str_new{
    height: 90px;
}
#str_for,#str_foto{
    height: 79px;
}
#str_actu,#str_kron{
    height: 160px;
}
#str_his,#str_actu,#str_kron,#str_foto,#str_for,#str_new{
overflow: auto;
padding: 0 4px 0 6px;
background: #FFC;
}
#str_kal{
overflow: visible;
padding: 0 4px 0 6px;
background: #FFC;
}
.str_celky{
margin: 8px 1px 1px 1px;
background: #C8C866;
border:3px solid #C8C866;
}
/*TODO: zautomatizovat cestu*/
.str_celky ul li {
list-style: circle outside url(http://povoden.com/images/odr.ico);
padding: 0 0 0 0px;
margin: -12px 0px 12px -17px;
}
#stredisko h4{
padding: 7px 15px 5px 10px;
margin: 0 0 0 0;
}
/*stredisko end*/

/*pro verejnost*/
#infromace_hlavni_strana{
  margin-left:auto;
  margin-right:auto;
}
/*pro verejnost*/

.flash{
    margin: 5px 10px 5px 10px;
    background: #FFC;
    padding: 4px 4px 4px 4px;
    border:5px solid #C8C866;
}

#fotogalerie
{
    float: none;
    display: inline-block;
    border: 10px 10px 10px 10px;
    text-align: center;
    vertical-align: top;

}
.fotka
{
    width: 234px;
    height: auto;
    margin: 20px 1px 1px 1px;
    background: #C8C866;
    border:3px solid #C8C866;
    float: left;
}
.foto_nazev
{
    height: 38px;
}
.fotka .Btext
{
    vertical-align:text-bottom;
    height: auto;
}

/* Odily/clenove start */
#clenove
{
    float: none;
    display: inline-block;
    border: 10px 10px 10px 10px;

}
#clenove h4
{
    font: normal 120%/1.3 Verdana,sans-serif;
    text-transform:uppercase;
    margin:0px;
    padding: 5px 0 0;
    text-align:center;
    color: #000;
}
.clen
{
    position: relative;
    float: left;
    height: 260px;
    width: 477px;
    margin: 7px 8px 8px 7px;
    background: #C8C866;
}
.clenobsah
{
    position: inherit;
    height: 218px;
    resize:vertical;
    overflow: auto;
    padding: 5px 5px 5px 5px;
    margin: 1px 4px 1px 4px;
    background: #FFC;
}
.clenfoto
{
    position: inherit;
    float: right;
}
.clenfrcka
{
    position: inherit;
    left: auto;
    width: 25px;
    height: 27px;
}
/* Odily/clenove end */